html, body {
    height: 100%;
}

#page {
    min-height: 100%;
}

#page-demo img {
    max-width: 100%;
    max-height: 300px;
}

#page-demo-iframe {
    min-height: 200px;
}

footer {
    padding: 16px 0;
    background-color: #424242;
    color: #9e9e9e;
}

.footer-copyright {
    text-align: center;
    font-size: 12px;
}

@media (min-width: 600px) {
    footer {
        padding: 24px 0;
    }

    .footer-copyright {
        font-size: 14px;
    }
}

@media (min-width: 1024px) {
    footer {
        padding: 16px 0;
    }
}

footer a {
    color: inherit;
    text-decoration: none;
}

footer a:hover {
    color: #bbbbbb;
}